<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:gp="http://java.sun.com/jsf/composite/gpymes"
                template="/plantilla.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="titulo">
        Nuevo Producto
    </ui:define>
    <ui:define name="cuerpo">
        <h:panelGroup rendered="#{autorizador.hayPermiso('CreaProducto')}">


            <h:form>
                <p:panel header="Datos básicos">
                    <h:panelGrid columns="5">
                        <p:outputLabel value="Código" for="codigo"/>
                        <p:inputText value="#{productoBean.actual.codigo}" id="codigo" required="true"/>  
                        
                        <p:selectBooleanCheckbox value="#{productoBean.actual.generarCodigo}"/>
                        <h:outputText value="¿Generar código?"/>
                        <p:spacer height="0" width="22"/>
                        
                        <p:outputLabel value="Nombre" for="nombre"/>
                        <p:inputText value="#{productoBean.actual.nombre}" id="nombre" required="true"/>  
                        <p:spacer height="0" width="20"/>
                        <p:outputLabel value="Unidad Medida" for="unidadMedida"/>
                        <p:selectOneMenu value="#{productoBean.actual.unidadMedida}" id="unidadMedida" required="true">
                            <f:selectItems value="#{unidadMedidaBean.itemsAvailableSelectOne}"/>
                        </p:selectOneMenu>
                        
                        <p:outputLabel value="Costo" for="costo"/>
                        <p:inputText value="#{productoBean.actual.costo}" id="costo"/>
                        
                        <p:selectBooleanCheckbox value="#{productoBean.actual.costoCalculado}"/>
                        <h:outputText value="¿Costo Calculado?"/>
                        <p:spacer height="0" width="20"/>
                        
                        <p:selectBooleanCheckbox value="#{productoBean.actual.inventariable}"/>
                        <h:outputText value="¿Inventariable?"/>
                        
                    </h:panelGrid>
                </p:panel>
                
                
                <p:panel header="Familias a las que pertenece">
                    <gp:detFamilias lblFamilia="Familia"
                                    lblRemover="Quitar"
                                    toggleable="true"/>
                </p:panel>



                <h:commandButton value="Crear" action="#{productoBean.create}"/>
                <h:commandButton value="Atras" action="listado.xhtml" immediate="true"/>
            </h:form>

        </h:panelGroup>
    </ui:define>

</ui:composition>
